<template>
	<div class="app">
		<h2>{{msg}}</h2>
		<School />
		<hr>
		<Student />
	</div>
</template>

<script>
	//引入School组件
	import Student from './components/Student'
	import School from './components/School'

	export default {
		name:'App',
		components:{School,Student},
		data(){
			return {
				msg:'欢迎学习Vue'
			}
		}
	}
</script>


<style>
	/* App的style中一般写公共样式，且不要加scoped */
	.app{
		background-color: gray;
		padding: 10px;
	}
	h2{
		background-color: pink;
	}
</style>